body,html{
  height: 100%;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
  opacity: 0.8;
}
#fp-nav.right {
  right: 33px;
}
.section {
  display: block;
  height: 500px
}
.submit.active{
  bottom: 0;
}

.page1 {
  .cover{
    position: absolute;
    right:0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    opacity: 0.5;
    background: #000;
  }
  .title{
    z-index: 2;
    position: relative;
    height: 70%;
    text-align: center;
    background: url("/static/images/index/page1/page1-1.png") no-repeat center -130%;
    background-size: contain;
    .mouse{
      position: absolute;
      left: 50%;
      margin-left: -20px;
      bottom: -70px;
      width: 40px;
      height: 72px;
      //background: url("/static/images/index/page1/mouse.png") no-repeat;
      cursor: pointer;
      i{
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -19px;
        bottom: -35px;
        background: url("/static/images/index/page1/arrow.png") no-repeat center center;
        width: 38px;
        height: 26px;
        animation: move 1.5s infinite linear;
      }
    }
  }
}
@keyframes move {
  0%{
    bottom: -25px;
    opacity: 0.5;
  }
  40% {
    bottom: -35px;
    opacity: 1;
  }
  100% {
    bottom: -45px;
    opacity: 0;
  }
}

.page2 {
  position: relative;
  text-align: center;
  &>div{
    padding-top: 130px;
  }
  .inner{
    h1{
      font-weight: normal;
      color: #009fcf;
      font-size: 36px;
      text-align: center;
    }
    &>img{
      margin: 15px 0;
    }
    &>p{
      font-size: 24px;
      margin-top: 10px;
      margin-bottom: 50px;
    }
    .news-list {
      a{
        color: #333;
        float: left;
        width: 32%;
        height: 500px;
        margin-right: 2%;
        border: 1px solid #f3f3f3;
        box-shadow: 1px 8px 20px #c4c4c4;
        background: #fffefe;
        &.last{
          margin-right: 0%;
        }
        img{
          height: 213px;
          width: 100%;
        }
        h1{
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
          padding: 40px 20px;
          font-size: 20px;
        }
        p{
          position: relative;
          line-height: 20px;
          max-height: 80px; //最大高度为行高的整数倍，此处代表3行文本
          padding: 0px 20px;
          color: #666666;
          font-size: 14px;
          overflow: hidden;
        }
        p::after {
          content: "...";
          position: absolute;
          bottom: 0;
          right: 20px;
          padding-left: 40px;
          background: -webkit-linear-gradient(left, transparent, #fff 55%);
          background: -o-linear-gradient(right, transparent, #fff 55%);
          background: -moz-linear-gradient(right, transparent, #fff 55%);
          background: linear-gradient(to right, transparent, #fff 55%);
        }
        .time{
          padding: 0 20px;
          padding-top: 40px;
          text-align: right;
        }
      }
    }
    .btn{
      margin: 0 auto;
      margin-top: 40px;
      display: block;
      color: #fff;
      text-align: center;
      width: 188px;
      height: 46px;
      line-height: 46px;
      font-size: 16px;
      background: url("/static/images/index/page2/btn.png") no-repeat;
      transition: all 0.2s;
      &:hover{
        opacity: 0.8;
      }
    }
  }
}

.page3{
  position: relative;
  text-align: center;
  .inner{
    h1{
      font-weight: normal;
      color: #009fcf;
      font-size: 36px;
      text-align: center;
    }
    &>img{
      margin: 15px 0;
    }
    &>p{
      font-size: 24px;
      margin-top: 10px;
      margin-bottom: 50px;
    }
    ul{
      li{
        float: left;
        height: 280px;
        margin-right: 40px;
        img{
          width: auto;
          height: 100%;
        }
      }
      li.last{
        margin-right: 0;
      }
    }
  }
}
